<!--
 * @Author: fanyaqing
 * @Date: 2021-07-28 16:59:15
 * @LastEditTime: 2021-07-29 10:36:16
 * @LastEditors: fanyaqing
 * @Description: 
 * @FilePath: \tabBar\src\components\tabbar\TabBar.vue
-->
<template>
  <div>
    <div
      class="tab-bar"
    >
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  name:'TabBar',
  components:{
  }
}
</script>
<style scoped>
  .tab-bar{
    display: flex;

    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: #f6f6f6;

    box-shadow: 0 1px 10px rgba(100, 100, 100, .3);
  }
</style>
